<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>The semantic example</title>
    </head>
    <body>
        <main>
            <header>
                <h1>
                    <a href="#">Logo</a>
                </h1>
                <nav>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Ye?</a></li>
                        <li>
                            <fieldset>
                                <legend>Sign In</legend>
                                <form>
                                    <ul>
                                        <li>
                                            <label>Email:</label>
                                            <input type="email" />
                                        </li>
                                        <li>
                                            <label>Password:</label>
                                            <input type="password" />
                                        </li>
                                        <li>
                                            <input type="button" value="Sign In" />    
                                        </li>
                                    </ul>
                                </form>
                            </fieldset>
                        </li>
                    </ul>
                </nav>
            </header>
            <section>
                <article>
                    <h2>The simplest photon in the universe is called 'Love'!</h2>
                    <ul>
                        <li>It must be true</li>
                        <li>Love is in everything, even in the rocks</li>
                        <li>Love will save the world</li>
                    </ul>
                </article>
                <aside>
                    <h3>Subscribe for more exclusive facts!</h3>
                    <fieldset>
                        <legend>Subscribe form</legend>
                        <form>
                            <label>Email</label>
                            <input type="email" />
                            <input type="button" value="Subscribe" />
                        </form>
                    </fieldset>
                </aside>
            </section>
            <footer>
                <h4>Search</h4>
                <input type="search" />
            </footer>
        </main>
    </body>
</html>